#my #index{
    display: flex;
    justify-content:space-between;
    padding:0;
    list-style-type: none;display:-webkit-box;overflow-x:auto;
    height:200px;
    margin:0;
    border-bottom:1px solid black;
    padding:10px 0;
}
#my #index li{
    padding-top:20px;
    width:210px;
    font:30px/60px "";
    height:160px;
    text-align:center;
}
#my #index li .css{
    margin:0;
    height:70px;
    width:70px;
    background-color:rgb(225, 209, 240);
    border-radius:50%;
    padding:5px;
    margin-left:60px;
    padding-top:10px;
}
/* .back{
    font:50px/50px "";
    margin:0;
    padding-top:10px;
} */

#my #er{
    list-style: none;
}

#my #er li{
    display: flex;
    height:80px;
    font:24px/80px "";
}
#my #er li>p{
    margin-top:24px;
    margin-left:10px;
}

#my #er li img {
    display:block;
    width:50px;
    height:50px;
}
#my #er li h3{
    padding:10px 0 0 30px;
    margin:0;
}

#my #list{
    font: 30px/100px "";
    height:100px;
    background-color:#eee;
    padding-left:20px;
    margin-top:20px;
    border-radius:10px;
}
#my #list h4{
    display: flex;
}
#my #list img{
    margin-top:20px;
    display: block;
    width:50px;
    height:50px;
    margin-right:40px;
}
.g_li{
    font-family: cursive !important;
    font-size: 40px  !important;
}
.g_h3{
    font-family: cursive;
    font-size: 35px;
}